<template>
	<div class="footer">
		<div class="container">
			<div class="container-fluid">
				<div class="row p-t-b-20">
				    <div class="col-xs-4 text-left">
				    	<ul class="nav nav-pills w90">
				    		<li><a href="#"><img src="~static/img/footer/syicon_dibu_01.png"/></a></li>
				    		<li><a href="#"><img src="~static/img/footer/syicon_dibu_02.png"/></a></li>
				    		<li><a href="#"><img src="~static/img/footer/syicon_dibu_03.png"/></a></li>
				    		<li><a href="#"><img src="~static/img/footer/syicon_dibu_04.png"/></a></li>
				    		<li><a href="#"><img src="~static/img/footer/syicon_dibu_05.png"/></a></li>
				    		<li><a href="#"><img src="~static/img/footer/syicon_dibu_06.png"/></a></li>
				    		<li><a href="#"><img src="~static/img/footer/syicon_dibu_07.png"/></a></li>
				    		<li><a href="#"><img src="~static/img/footer/syicon_dibu_08.png"/></a></li>
				    		<li><a href="#"><img src="~static/img/footer/syicon_dibu_09.png"/></a></li>
				    		<li><a href="#"><img src="~static/img/footer/syicon_dibu_10.png"/></a></li>
				    		<li><a href="#"><img src="~static/img/footer/syicon_dibu_11.png"/></a></li>
				    		<li><a href="#"><img src="~static/img/footer/syicon_dibu_12.png"/></a></li>
				    	</ul>
				    </div>
				    <div class="col-xs-8 text-left">
				    	<ul class="nav nav-pills">
				    		<li class="pull-right">
				    			<ul>
				    				<li><a href="#">加入我们</a></li>
				    				<li><a href="#">隐私政策</a></li>
				    			</ul>
				    		</li>
				    		<li class="pull-right">
				    			<ul>
				    				<li><a href="#">落地合作</a></li>
				    				<li><a href="#">法律声明</a></li>
				    			</ul>
				    		</li>
				    		<li class="pull-right">
				    			<ul>
				    				<li><a href="#">Meetup</a></li>
				    				<li><a href="#">Faqs</a></li>
				    			</ul>
				    		</li>
				    		<li class="pull-right">
				    			<ul>
				    				<li><a href="#">传播</a></li>
				    				<li><a href="#">Logos</a></li>
				    			</ul>
				    		</li>
				    		<li class="pull-right">
				    			<ul>
				    				<li><a href="#">翻译</a></li>
				    				<li><a href="#">建议</a></li>
				    			</ul>
				    		</li>
				    		<li class="pull-right">
				    			<ul>
				    				<li><a href="#">捐赠</a></li>
				    			</ul>
				    		</li>
				    		<div class="clearfix"></div>
				    	</ul>
				    	<div class="text-right col-f">
							<span class="mailSpan">support@tokenalliance.io</span>
							<form action="" class="subscription">
								<input type="text" placeholder="输入邮箱以订阅Token Aliance最新资讯">
								<button onclick="">订阅</button>
							</form>
				    	</div>
				    </div>
				</div>
			</div>
		</div>
		<div class="line"></div>
		<div class="address text-center">
			copyright &copy; 2018 Token Alliance Labs I All rights reserved
		</div>
	</div>
</template>

<script>
</script>

<style scoped="scoped">
	.footer{background: #1b173a;}
	.address{padding: 20px 0;color: #fff;}
	.nav li a:visited{background: #1b173a;}
	.nav li a{padding: 10px;background: #1b173a;}
	.nav li a:hover{padding: 10px;background: initial;}
	.nav ul li{line-height: 40px;list-style: none;}
	.nav ul li a{color: #fff;text-decoration: none;}

	.subscription{float:right;}
	.subscription input{width:245px;height:35px;outline:none;border:0px;color:#333;font-size: 12px;padding:0 15px;border-radius:  5px 0 0 5px;}
	.subscription button{outline: none;border:0;height:35px;width:75px;background-color: #4eb5fb;border-radius: 0 5px 5px 0;}
	.mailSpan{float:right;margin-left:20px;margin-top:10px;}
</style>
